﻿<!DOCTYPE html>
<!--HTML5 doctype-->
<html>
    <head>
        <script>
        (function() {
    if ("-ms-user-select" in document.documentElement.style && navigator.userAgent.match(/IEMobile\/10\.0/)) {
        var msViewportStyle = document.createElement("style");
        msViewportStyle.appendChild(
            document.createTextNode("@-ms-viewport{width:auto!important}")
        );
        document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
    }
})();
</script>
        <title>心愿墙</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <link rel="stylesheet" type="text/css" href="css/icons.css" />    
       <!--   
     <link rel="stylesheet" type="text/css" href="css/af.ui.css" title="default" />
  -->
      <link rel="stylesheet" type="text/css" href="css/src/main.css"  />
      <link rel="stylesheet" type="text/css" href="css/src/appframework.css"  />
      <link rel="stylesheet" type="text/css" href="css/src/lists.css"  />
      <link rel="stylesheet" type="text/css" href="css/src/Joyo.css"  />    
        <!-- uncomment for AppMobi apps <script type="text/javascript" charset="utf-8" src="http://localhost:58888/_appMobi/appmobi.js"></script>
<script type="text/javascript" charset="utf-8" src="http://localhost:58888/_appMobi/xhr.js"></script>
-->
        <script type="text/javascript" charset="utf-8" src="./appframework.min.js"></script>
        <!-- include af.desktopBrowsers.js on desktop browsers only -->
        <script>
            function loadedPanel(what) {
                //We are going to set the badge as the number of li elements inside the target
                $.ui.updateBadge("#aflink", $("#af").find("li").length);
            }
            function unloadedPanel(what) {
                console.log("unloaded " + what.id);
            }
            if (!((window.DocumentTouch && document instanceof DocumentTouch) || 'ontouchstart' in window)) {
                var script = document.createElement("script");
                script.src = "plugins/af.desktopBrowsers.js";
				var tag = $("head").append(script);
            }
        </script>
        <script type="text/javascript" charset="utf-8" src="./appframework.ui.js"></script>
		<script type="text/javascript" charset="utf-8" src="./js/swipe.js"></script>
		<script type="text/javascript" charset="utf-8" src="./js/base.js"></script>
        <script type="text/javascript" charset="utf-8" src="./js/joyo.js"></script>
        <script type="text/javascript">
            /* This function runs once the page is loaded, but appMobi is not yet active */
            //$.ui.animateHeaders=false;
           var ua = navigator.userAgent.toLowerCase();
			if(ua.match(/MicroMessenger/i)=="micromessenger") {
				
			} else {
				window.location = 'http://www.sz.gov.cn/cn/xxgk/xwfyr/wqhg/20130725/tpzl/201307/t20130725_2175767.htm';
			};
            var webRoot = "./";
            // $.os.android=true;
            $.ui.autoLaunch = false;
            $.ui.openLinksNewTab = false;
            //$.ui.resetScrollers=false;
            
            /* This code is used to run as soon as appMobi activates */
            var onDeviceReady = function () {
                AppMobi.device.setRotateOrientation("portrait");
                AppMobi.device.setAutoRotate(false);
                webRoot = AppMobi.webRoot + "";
                //hide splash screen
                AppMobi.device.hideSplashScreen();
                $.ui.blockPageScroll(); //block the page from scrolling at the header/footer
                $.ui.launch();

            };
            document.addEventListener("intel.xdk.device.ready", onDeviceReady, false);
            function showHide(obj, objToHide) {
                var el = $("#" + objToHide)[0];
                $(el).toggle();
            }
        </script>
        <style>
           .samplecode {
                background: #ccc;
                color: #000;
                border-radius: 10px;
                padding: 10px;
                margin-bottom: 10px;
                margin-top: 10px;
           }
           /* for the grid demo */
           .grid > div {
            border:1px dashed black;
           }
        </style>
</head>
    <body>
    <input type = "hidden" id = "id_productionId" value = "">
    	<img src="images/bg.jpg" style="display:none">
        <div id="afui" class="Joyo">
            <!-- this is the splashscreen you see. -->
            <div id="splashscreen" class='ui-loader heavy'>
               	 心愿墙
                <br>
                <br><span class='ui-icon ui-icon-loading spin'></span>
                <h1>启动中</h1>
            </div>
            <div id="header">
                <a id='menubadge' onclick='af.ui.toggleSideMenu()' class='menuButton'></a>                
                <a id="users_bt" class='button' href="javascript:void(0)" onclick="goToWishOrder()">&nbsp;</a>
            </div>
            <div id="content">
                <div title='' id="main" class="panel" data-load="loadedPanel" data-unload="unloadedPanel" data-header="header_1">
                    <div id="protuct_list">
                    </div>
                </div>                        
                <div title='' id="tree" class="panel trees" data-load="loadedPanel" data-unload="unloadedPanel">
                    <div class="the_tree">
                        <a id="id_pro_detail" href="#pro_detail"></a>
                        <ul class="tree_pro">	
                            <li><a onclick="$.ui.showMask();queryProductionDetailFromOrder(this);"></a></li>
                            <li><a onclick="$.ui.showMask();queryProductionDetailFromOrder(this)"></a></li>
                            <li><a onclick="$.ui.showMask();queryProductionDetailFromOrder(this)"></a></li>
                            <div class="clear"></div>
                        </ul>
                        <a onclick="$.ui.goBack()" class="goprev"></a>                        
                        <a class="button xuruan">立即许愿</a>
                        <!-- onClick="tsdiv('fengxiang')" --> 
                        <a class="button fenxian" style="display:none">请立即分享朋友圈赢支持</a>
                    </div>
                </div>
                <div title='' id="trees" selected="true" class="panel trees" data-load="loadedPanel" data-unload="unloadedPanel" data-header="testheader">
                	<input type="hidden" id="id_wishorderId" value=""/>
                    <div class="the_tree">
                        <ul class="tree_pro">
                            <li><a onclick="queryProductionDetailFromOrder(this)"></a></li>
                            <li><a onclick="queryProductionDetailFromOrder(this)"></a></li>
                            <li><a onclick="queryProductionDetailFromOrder(this)"></a></li>
                            <div class="clear"></div>
                        </ul>
                    </div>
                        <div class="tree_bottom">
                            <a class="button xuruan_ban" href="#trees" onclick="superAllProduction();">帮（Ta）许愿</a>
                            <a class="button xuruan_me" href="javascript:void(0)" onClick="tsdiv('guanzhu')">我也要许愿</a>
                            <div class="clear"></div>
                            <div class="remark">
                                <span>留言板</span>
                                <span class="icon">写下祝福</span>
                                <div class="clear"></div>
                                <div class="scrolls">
                                    <ul id="id_zhufu">
                                    </ul>
                                </div>
								 <a href="tel:13760484068" class="" style="color: #fff;font-size: 0.8em; width: 100%;position: absolute;left: 10px;bottom: -15px;text-decoration: none; opacity:.8; ">由一指通联提供-<i style="font-style: normal; text-decoration: underline;">联系我们</i></a> 
                                 <a style="text-decoration: underline; position: absolute;right: 10px;color:#fff;bottom: -15px;font-size:0.8em" onclick="xiangqing()">活动详情</a>        
                            </div>
                        </div> 
                </div>
                <script>
							var ua = navigator.userAgent.toLowerCase();
							if (/iphone|ipod/.test(ua)) {
								
							}else{
								if(/micromessenger/.test(ua)){
									var myScroller;
									$.ui.ready(function () {
									myScroller = $(".tree_bottom div.scrolls ul").scroller(); //Fetch the scroller from cache
									//Since this is a App Framework UI scroller, we could also do
									// myScroller=$.ui.scrollingDivs['webslider'];                            
									$(".tree_bottom div.scrolls ul").css("overflow", "auto");
									});									
								}
							}                        	
                    		</script>
                <div title='' id="pro_detail" class="panel pro_detail" data-load="loadedPanel" data-unload="unloadedPanel" data-header="testheader">
                	<div id="mywishSwipe" style='margin:0 auto' class='swipe'>
                    	<div class="swipe-wrap messagewrap" id="id_production_list"></div>
                        <div class="swiper-pagination"></div> 
                    </div>
                 </div>
            </div>
            <nav>          
            	<span>选择分类</span>
                <ul class="list"></ul>
            </nav>
            <div class="footers_tree">
                <ul><li></li><li></li><li></li></ul>
                <a id="id_tree_button" data-transition="up" href="#tree"></a>
                <a onclick="saveWishOrder();return false;">完成许愿树 ↑</a>
            </div>
            <header id="testheader">                
                <a id="users_bt" class='button' href="javascript:void(0)" onclick="goToWishOrder()">&nbsp;</a>
            </header>
            <header id="header_1">
			    <a id='menubadge' onclick='af.ui.toggleSideMenu()' class='menuButton'></a>                
			    <a id="users_bt" class='button' href="javascript:void(0)" onclick="goToWishOrder()">&nbsp;</a>
			</header>
        	<div id="task">
                <div>
                    <p>尊敬的客户，您好！<br>您最多只能添加三个心愿。</p>
                    <a class="reset_bt" onclick='showHide(this,"task");'>取消</a><a onclick='showHide(this,"task");' class="ok_bt">确定</a>
                    <div class="clear"></div>
                </div>
        	</div>
        	<div id="task_alertMsg">
                <div>
                    <p>尊敬的客户，您好！<br><span id = "id_alertMsg"></span></p>
                    <a class="reset_bt" onclick='showHide(this,"task_alertMsg");'>取消</a><a onclick='showHide(this,"task_alertMsg");' class="ok_bt">确定</a>
                    <div class="clear"></div>
                </div>
        	</div>
            <div id="taske">
    <div>
      <p>
        <i style="font-style:normal; font-size:1.2em;line-height:30px;">活动详情</i><br/>
        1，同一个心愿墙的愿望只能许愿一次，同时分享给朋友每位朋友只能支持一次心愿。<br/>
        2，中奖用户将于广电公众号统一在微信发放，如在三个工作日为于广电联系否则将视为弃奖。<br/>
        3，杜绝一切刷奖行为，一经发现将取消活动资格。<br/>
        4，活动最终解释权归广电所有。<br/>广电客服热线：0755-87665443<br/>
      </p>
      <a class="reset_bt" onclick='showHide(this,"taske");'>取消</a>
      <a onclick='showHide(this,"taske");' class="ok_bt">确定</a>
      <div class="clear">
      </div>
    </div>
  </div>
            <div id="xuyan">
                <div>
                    <textarea id='id_xuyan' placeholder="留下您的许愿宣言"></textarea>
                    <a class="reset_bt" onclick='showHide(this,"xuyan");'>取消</a><a onclick='updateWishOrder();' class="ok_bt">确定</a>
                    <div class="clear"></div>
                </div>
        	</div>
            <div id="zhufu">
                <div>
                    <textarea id='id_zhufu_value' placeholder="留下您的祝福"></textarea>
                    <a class="reset_bt" onclick='showHide(this,"zhufu");'>取消</a><a onclick='saveDiscuss();' class="ok_bt">确定</a>
                    <div class="clear"></div>
                </div>
        	</div>
            <div class="showdiv">
                <img src="images/fengxiang.png" id="fengxiang">
        	</div>
        </div>
    </body>
    <script type="text/javascript">
        var tid = "";
        var aid = "";
        var uin = "";
        var key = "";
        var biz = "MjM5NDgzODY1Mw==";
        var mid = "200565411";
        var idx = "2";
        var nickname = "礼享罗湖";
        var user_name = "LXLH-SZ";
        var fakeid   = "";
        var version   = "";
        var is_limit_user   = "0";

        var msg_title = "快速许愿，丰厚的礼品等你你来拿。";
        var msg_desc = "将有机会获取梦寐以求的ipone6，期待你的参与！";
        var msg_cdn_url = baseUrl + "/html/images/fenXiangLogo.jpg";
        var msg_link = baseUrl + "/html/index.html#main";
        var msg_source_url = '';
        var networkType;
        var appmsgid = '' || '200565411';
        var abtest = (0) % 2;
    </script>
<script type="text/javascript" charset="utf-8" src="./js/shar.js"></script>
<script type="text/javascript">
	if (Math.random() < 0.1){
		var page_endtime = (+new Date());
		var page_time = page_endtime - _wxao.begin;
		var is_link = "2" == "1";
		var oss_key = is_link ? 9 : 10;
		//var report_time_url = 'https://mp.weixin.qq.com/misc/jsreport?type=avg&23521_' + oss_key + '=' + page_time + '&23521_15=1&23521_16=1&23521_17=3&23521_15|23521_16|23521_17=1&r=' + Math.random();
		var report_time_url = 'http://isdspeed.qq.com/cgi-bin/r.cgi?flag1=7839&flag2=7&flag3=1&' + oss_key + '=' + page_time;
		var _img = new Image(1, 1);
		_img.src = report_time_url;
	}
</script>
</html>
